<template>
  <div class="video-play">
    <div class="video-title">{{title}}</div>
    <div class="video-content">
      <video
        style="background: #000" width="1400" height="787"
        :src="videoSrc"
        controls
        autoplay
      ></video>
    </div>
  </div>
</template>

<script>
const type = new Map([
  ['trailer', { path: '/liveVideoController/getTrailerUrlById' }],
  ['major', { path: '/liveVideoController/getMajorUrlById' }],
])

export default {
  name: 'VideoPlay',
  data () {
    return {
      id: null,
      title: '',
      type: '',
      videoSrc: '',
       publicityList: [
        {"title":"测绘学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-测绘学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-测绘学院.png"},
        {"title":"城市设计学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-城市设计学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-城市设计学院.png"},
        {"title":"电气与自动化学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-电气与自动化学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-电气与自动化学院.png"},
        {"title":"法学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-法学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-法学院.png"},
        {"title":"国家网络安全学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-国家网络安全学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-国家网络安全学院.png"},
        {"title":"化学与分子科学学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-化学与分子科学学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-化学与分子科学学院.png"},
        {"title":"基础医学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-基础医学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-基础医学院.png"},
        {"title":"计算机学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-计算机学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-计算机学院.png"},
        {"title":"健康学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-健康学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-健康学院.png"},
        {"title":"历史学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-历史学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-历史学院.png"},
        {"title":"马克思主义学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-马克思主义学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-马克思主义学院.png"},
        {"title":"社会学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-社会学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-社会学院.png"},
        {"title":"生命科学学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-生命科学学院01.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-生命科学学院01.png"},
        {"title":"数学与统计学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-数学与统计学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-数学与统计学院.png"},
        {"title":"水利水电学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-水利水电学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-水利水电学院.png"},
        {"title":"土木建筑工程学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-土木建筑工程学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-土木建筑工程学院.png"},
        {"title":"外国语言文学学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-外国语言文学学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-外国语言文学学院.png"},
        {"title":"文学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-文学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-文学院.png"},
        {"title":"物理科学与技术学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-物理科学与技术学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-物理科学与技术学院.png"},
        {"title":"新闻与传播学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-新闻与传播学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-新闻与传播学院.png"},
        {"title":"信息管理学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-信息管理学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-信息管理学院.png"},
        {"title":"遥感信息工程学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-遥感信息工程学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-遥感信息工程学院.png"},
        {"title":"药学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-药学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-药学院.png"},
        {"title":"医学部","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-医学部.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-医学部.png"},
        {"title":"哲学学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-哲学学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-哲学学院.png"},
        {"title":"政治与公共管理学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-政治与公共管理学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-政治与公共管理学院.png"},
        {"title":"资源与环境科学学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-资源与环境科学学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WHU-资源与环境科学学院.png"},
        {"title":"经济与管理学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-经济与管理学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/WUH-经济与管理学院.png"},
        {"title":"电子信息学院","videoSrc":"http://zyfiles.ubzyw.com/video/WHU-电子信息学院.mp4","imgSrc":"http://zyfiles.ubzyw.com/video/电子信息学院.png"},
      ]
    }
  },
  mounted () {
    const { id, title, type, videoUrl,j ,index} = this.$route.query
    if(j){
      this.videoSrc=this.publicityList[index].videoSrc
    }else{
    this.id = id
    this.title = title!='null'?title:''
    this.type = type
    if (videoUrl) {
      this.videoSrc = videoUrl
      return
    }
    this.getVideo()
    }
    
  },
  methods: {
    getVideo () {
      this.$http.get(type.get(this.type).path, { id: this.id })
        .then(value => {
          this.videoSrc = value
        })
    }
  }
}
</script>

<style scoped lang="less">
  .video-play {
    .video-title {
      font-size: 24px;
      text-align: center;
      margin: 20px 0;
    }
  }
</style>
